<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<%@ include file="/commons/commonList.jsp" %>
<%@ include file="/commons/dateTime.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link href="${ctx}/styles/listTable.css" rel="stylesheet" type="text/css">
<link href="${ctx}/styles/show.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" src="${ctx}/scripts/global.js"></script>
<script type="text/javascript" src="${ctx}/scripts/common/prototype.js"></script>
<script type="text/javascript" src="${ctx}/scripts/public.js"></script>
<script>
function mysubmit(){
		var param = $("serchForm").serialize();
		window.frames("dataRegisterlListFrame").location.href = "${ctx}/charge_cashieringAction.do?method=requestDataRegisterList&"+param;
	}
function init(){
		var statuzSelect = document.getElementById("statuz");
		statuzSelect.options[0].value = "";
		for(var i = 1; i < statuzSelect.options.length; i++){
			statuzSelect.options[i].value = statuzSelect.options[i].code;
		}
	}
</script>
</head>
<body onload="init();">
<div style="background-color: #F8FBFE;">
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td align="left" class="bg_toolBar">
	  <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td align="right">
                <form id="serchForm" action="" method="post">
                <input type="hidden" name="houseId" value="${houseId}">
                <input type="hidden" name="isVirtual" value="${isVirtual}">
                <input type="hidden" name="proRightId" value="${proRightId}">
                <table border="0" align="left" cellpadding="0" cellspacing="1" id="search01">
                  <tr>
                    <td class="td_search">${key.meterName}：</td>
                        <td class="td_search">
                        	<pms:unitedSelect
								name="meterId"
                        		optionLabel="name"
                        		optionValue="keyword"
                        		selectText="${key.select}"
                        		dataList="${meterTypeList}"
                        		style="width:110px;"
							>
							</pms:unitedSelect>
                        </td>
						<td  class="grid align_left">${key.recordTime}：</td>
                        <td class="td_search"><table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td><input name="recordTime" type="text" class="inputtext" value="" size="16"></td>
                              <td width="4">&nbsp;</td>
                              <td><img id="recordTimeImgButton" src="${ctx}/images/ico_date.gif" width="20" height="20"></td>
                            </tr>
                        </table></td>
                        <td class="td_search" >${key.statuz}：</td>
                        <td class="td_search">
                        	<mypms:Sysrefcode
	                          		name="statuz"
	                          		id="statuz"
	                          		code="FEE_CHARGE_DATAS_DATA_STATUS"
	                          		showTip="true"
	                          		filterStr="001,002,005"
	                          		style="width:110px;">
	                          </mypms:Sysrefcode>
                        </td>
					<td class="td_search" ><span class="grid align_left">${key.periodDate}：</span></td>
                    <td class="td_search">
                    		<pms:unitedSelect
								name="periodId"
                        		optionLabel="period"
                        		optionValue="keyword"
                        		selectText="${key.select}"
                        		dataList="${periodList}"
                        		style="width:110px;"
							>
							</pms:unitedSelect>
                    </td>
                    <td class="td_search"><table border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td class="buttonOffLeft" id="btn1_11"></td>
                          <td class="buttonOffMiddle" id="btn1_12" onclick="mysubmit();" onblur="btn_change(1)" onMouseOver="btn_change_over(1)" onMouseOut="btn_change_out(1)"><img src="${ctx}/images/ico_searchico.gif" alt="" border="0" align="absmiddle">
                          ${key.search}</td>
                          <td class="buttonOffRight" id="btn1_13"></td>
                        </tr>
                    </table></td>
                  </tr>
                </table>
                </form>
            </td>
        </tr>
      </table>
	  </td>
    </tr>
    <tr>
      <td valign="top">
      	<iframe src="${ctx}/charge_cashieringAction.do?method=initDataRegisterList&houseId=${houseId}&isVirtual=${isVirtual}&proRightId=${proRightId}" name="dataRegisterlListFrame" id="dataRegisterlListFrame" width="100%"  height="400px"  frameborder="0" border="0"  scroll="no" ></iframe>
      </td>
    </tr>
  </table>
</div>
<script type="text/javascript">
              Calendar.setup(
              {
	              inputField : "recordTime", // ID of the input field
	              ifFormat : "%Y-%m-%d", // the date format
	              button : "recordTimeImgButton", // ID of the button
	              align          :    "Tl",           // alignment (defaults to "Bl")
			      singleClick    :    true
              }
              );

</script>
</body>
</html>
